﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Home/Layouts/Home.Master" AutoEventWireup="true"
    CodeBehind="BuyMedicineByForm.aspx.cs" Inherits="Thuoc24h.Home.Pages.BuyMedicineByForm" %>

<%@ Register TagPrefix="cc1" Namespace="MSCaptcha" Assembly="MSCaptcha" %>
<%@ Register TagPrefix="cc" Namespace="MSCaptcha" Assembly="MSCaptcha" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadPLH" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainPLH" runat="server">
    <style>
        #listthuoc .item span { cursor: pointer; color: red; }
    </style>
    <script>
        function removeEmlement(parameters) {
            $('#listthuoc .item span').click(function () {
                $(this).parent().remove();
            });
        }
        $(function () {
            removeEmlement();
            var countitem = $('#listthuoc .item').length;

            $('#btnAddthuoc').click(function () {
                countitem += 1;
                if ($('#listthuoc .item').length < 20) {
                    $('#listthuoc').append(' <div class="item"><label>Tên thuốc ' + countitem + '</label><input type="text" id="txtTenthuoc3" /><span> xóa</span></div>');
                    removeEmlement();
                } else {
                    alert("Bạn hãy liên hệ với nhân viên");
                }

            });

            //add thuoc

            $('#<%=btnSend.ClientID %>').click(function () {
                var str = "";
                $('#hdfThuoc').val('');
                $('#listthuoc .item input[type=text]').each(function () {
                    str += $(this).val() + ";";
                });
                $('#hdfThuoc').attr('value', str);
            });


        });

    </script>
    <input type="hidden" name="txtListThuoc" id="hdfThuoc" />
    <h1 class="TopHeader">Mua thuốc theo đơn
    </h1>
    <div class="contact">
        <p style="padding: 8px 30px;">
        </p>
        <div class="notice">
            <p>
                Đăng ký mua thuốc theo đơn thuốc đã có.
            </p>
        </div>
        <div class="item">
            <label>
                Họ tên<i>*</i></label><asp:TextBox runat="server" ID="txtName"></asp:TextBox>
            <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" Display="Dynamic"
                ErrorMessage="(*)" ForeColor="red" ControlToValidate="txtName"></asp:RequiredFieldValidator>
        </div>
        <div class="item">
            <label>
                Điện thoại<i>*</i></label><asp:TextBox runat="server" ID="txtPhone" MaxLength="20"></asp:TextBox>
            <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" Display="Dynamic"
                ErrorMessage="(*)" ForeColor="red" ControlToValidate="txtPhone"></asp:RequiredFieldValidator>
        </div>
        <div class="item">
            <label>
                Địa chỉ<i>*</i></label><asp:TextBox runat="server" ID="txtAddress"></asp:TextBox>
            <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" Display="Dynamic"
                ErrorMessage="(*)" ForeColor="red" ControlToValidate="txtAddress"></asp:RequiredFieldValidator>
        </div>
        <div class="item">
            <label>
                Email</label><asp:TextBox runat="server" ID="txtEmail"></asp:TextBox>
            <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ErrorMessage="Nhập lại e-mail"
                ForeColor="red" ControlToValidate="txtEmail" Display="Dynamic" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator>
        </div>

        <div class="item">
            <label>
                Đính kèm file</label>

            <asp:FileUpload ID="FileUpload1" runat="server"   />
     <asp:Label runat="server" Text="" ID="lbmess"></asp:Label>

        </div>


        <div id="listthuoc">
            <div class="item">
                <label>
                    Tên thuốc 1</label><input type="text" id="txtTenthuoc1" />
            </div>
            <div class="item">
                <label>
                    Tên thuốc 2</label><input type="text" id="txtTenthuoc2" />
            </div>
            <div class="item">
                <label>Tên thuốc 3</label><input type="text" id="txtTenthuoc3" /><span> xóa</span>
            </div>
        </div>
        <div class="item" style="text-align: right; padding-right: 100px;"><span style="color: #17720C; cursor: pointer;" id="btnAddthuoc">+ Thêm thuốc</span> </div>
        <div class="item">
            <label>
                Mô tả vắn tắt
                <br />
                về bệnh của bạn</label><asp:TextBox runat="server" ID="txtDetail" TextMode="MultiLine"></asp:TextBox>
        </div>
        
           <div class="item">
            <label class="fleft">
                Nhập mã xác nhận<i>*</i></label>
            <cc:CaptchaControl ID="CaptchaControl1" runat="server" CssClass="ms-captcha fleft"
                CaptchaBackgroundNoise="Medium" CaptchaLineNoise="Low" />
            <asp:TextBox ID="txtCaptcha" Width="80" runat="server" MaxLength="5" AutoPostBack="False"
                CssClass="txt-captcha fleft" />  <asp:RequiredFieldValidator ID="RequiredFieldValidator8" runat="server" Display="Dynamic"
                    ErrorMessage="(*)" ForeColor="red" ControlToValidate="txtCaptcha"></asp:RequiredFieldValidator>
            <br class="clear" />
        </div>

        <div class="item" style="text-align: right; padding-right: 250px;">
            <label>
            </label>
            <asp:Button runat="server" ID="btnSend" Text="Gửi đơn hàng" OnClick="btnSend_OnClick" CssClass="Button"></asp:Button>
        </div>
        <div class="item">
            <label>
                &nbsp;
            </label>
            <div class="notice" style="text-align: center;">
                Trong vòng 24h sau khi nhận được đơn hàng, nhân viên của Medlife sẽ liên hệ với
                bạn để tư vấn, báo giá và chốt đơn hàng.
            </div>
        </div>
    </div>
    
        
     
</asp:Content>
